 
  .container{
    height: 500;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    justify-content: space-between;
  }
  .div_left{
    width:45%;
    margin-left: 20px;
  }
  .div_right {
    width: 45%;
    margin-right: 20px;
    margin-top: 40px;
  }
  .sty1{
    height: 500;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }

  .styFlex{
    height: 500;
    width: 100%;
    display: flex;
    background: red;
    align-items: center;
    flex-direction: row;
  }
  .inputMertailInput {
    width: 100%;
    height: 100px;
  }
  .meterial_item {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .meterial_item_container{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .meterial_col {
    flex: 1;
  }
.hidden_view {
  display: none;
}